<!DOCTYPE html>
<html>
<head>
    <title>Add Delete User page</title>
    <link rel="stylesheet" href="../css/jquery.mobile-1.3.2.min.css" />
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
	<link rel="stylesheet" href="../css/AddDeleteUser.css" />
    <script type="text/javascript"  src="../js/jquery-1.10.2.min.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript" src="../js/jquery.mobile-1.3.2.min.js"></script>
	<script type="text/javascript" src="../js/AddDeleteUser.js"></script>
	
	<script>
  $(function() {
    $( "#tabs" ).tabs();
  });
  </script>
</head>

<body>
	<div data-role="page">
		<div data-position="fixed" data-role="header" align="center" data-theme="b">
			<div>&nbsp;</div>
			<div><h1>PARVATI SOLVENTS EXTRACTION PVT LTD</h1></div>
			<div><h3>GUT NO.76, KHADGAON,TALUKA: BADNAPUR,DISTRICT:JALNA-431203,MAHARASHTRA,INDIA</h3></div>  
		</div>
		<br>
		<div data-role="content">
			<form>
			
			<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Add User</a></li>
    <li><a href="#tabs-2">Delete User</a></li>
    
  </ul>
  <div id="tabs-1">
    <div data-role="controlgroup" data-type="horizontal" align="center">
				<label for="userid">User Id :</label>
				<input type="text" id="userid" required/><br>
				</div>
				<div data-role="controlgroup" data-type="horizontal" align="center">
				<label for="pass">Password :</label>
				<input type="text" id="passwd" required/></div>
				<div data-role="controlgroup" data-type="horizontal" align="center">
				<label for="userid">Role :</label>
				<select id = "roleList">
               <option value = "Admin">Admin</option>
               <option value = "DEO">DEO</option>
               <option value = "LAB User">LAB User</option>
               <option value = "Weighing Machine Operator">Weighing Machine Operator</option>
             </select>
			 </div>
				<div data-role="controlgroup" data-type="horizontal" align="center">
					<button data-role="button" id="btnadd" value="Add" data-theme="a"></button>
					
				</div>
  </div>
  <div id="tabs-2">
    <label for="userid">User Id :</label>
				<input type="text" id="userid" required/><br>
				<div data-role="controlgroup" data-type="horizontal" align="center">
					<button data-role="button" id="btncan" value="Delete" data-theme="a"></button>
					
				</div>
  </div>
  
</div>
			
			</form>
		</div>
	</div>
</body>